<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大商创</title>
		<link rel="stylesheet" href="../css/store.css">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
		<link rel="icon" href="">
		<!-- 侧边栏样式 -->
		<link rel="stylesheet" href="../css/side-bar.css">
	</head>
	<body>
		<div class="all-top">
			<div class="w1200">
				<!-- 左边 -->
				<div class="fl">
					<div class="map fl">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-icon-map"></use>
						</svg>
						<span>北京市</span>
						<div class="dingwei">
							<div class="ding-title">
								<a href="">苏州市</a>
								<a href="">北京市</a>
								<a href="">天津市</a>
								<a href="">上海市</a>
							</div>
						</div>
					</div>
					<div class="top-fl-tex">
						<a href="login.html" class="red">请登录</a>
						<a href="register.html">免费注册</a>
					</div>
				</div>
				<ul class="fr">
					<li>
						<a href="">我的订单</a>
					</li>
					<li class="spacer">|</li>
					<li>
						<a href="">我的浏览</a>
					</li>
					<li class="spacer">|</li>
					<li>
						<a href="">我的收藏</a>
					</li>
					<li class="spacer">|</li>
					<li>
						<a href="">客户服务</a>
					</li>
					<li class="spacer">|</li>
					<li>
						<div>网站导航
							<i></i>
						</div>
						<div class="daohang">
							<dl class="fore1 fl">
								<dt>特色主题</dt>
								<dd class="fl">
									<a href="">男装女装</a>
									<a href="">鞋靴箱包</a>
								</dd>
							</dl>
							<dl class="fore2 fl">
								<dt>促销活动</dt>
								<dd class="fl">
									<a href="">拍卖活动</a>
									<a href="">共创商品</a>
									<a href="">积分商城</a>
									<a href="">CMS频道</a>
									<a href="">优惠活动</a>
									<a href="">超值礼包</a>
									<a href="">优惠券</a>
									<a href="">礼品卡</a>
									<a href="">预售商品</a>
								</dd>
							</dl>
						</div>
					</li>

				</ul>
			</div>
		</div>
		<!-- 搜索头部 -->
		<div class="header">
			<div class="w1200 w">
				<div class="logo fl">
					<a href="../index.html">
						<img src="https://x.dscmall.cn/storage/images/common/shop_logo.gif" alt="">
					</a>
				</div>
				<div class="header-search fl">
					<form action="">
						<input type="text" value="Five Plus" class="search-con">
						<button type="submit" class="button-goods">搜商品</button>
						<button type="submit" class="button-store">搜店铺</button>
						<div class="keyword fl">
							<a href="#">周大福</a>
							<a href="#">内衣</a>
							<a href="#">Five Plus</a>
							<a href="#">手机</a>

						</div>

					</form>
				</div>
				<div class="my-shopCart fr">
					<a href="">
						<img src="../imgs/01_gwc.png" alt="">
						<span>我的购物车</span>
						<em>0</em>
					</a>
					<div class="prompt">
						<img src="../imgs/01_wuwu.png" alt="">
						<span>购物车中还没有商品，赶紧选购吧！</span>
					</div>
				</div>
			</div>
		</div>

		<section class="nav">
			<div class="navBox1">
				<div class="navBox1-left">团购商品</div>
				<ul class="navBox1-right">
					<li><a href="../index.html" target="_blank">首页</a></li>
					<li><a href="makeup.html" target="_blank">个人美妆</a></li>
					<li><a href="clothing.html" target="_blank">服装城</a></li>
					<li><a href="household.html" target="_blank">家用电器</a></li>
					<li><a href="shoe.html" target="_blank">鞋靴箱包</a></li>
					<li style="color: #e23435;">聚划算<a href="#" target="_blank"></a></li>
					<li><a href="presell.html" target="_blank">预售</a></li>
					<li><a href="store-a.html" target="_blank">店铺街</a></li>
					<li><a href="brand.html" target="_blank">品牌专区</a></li>
					<li><a href="shoe-a.html" target="_blank">公告</a></li>
				</ul>
			</div>
		</section>
		<section class="">
			<div class="navBox2">
				<ul class="navBox2-left">
					<li><a href="#"><i class="bi bi-bag"></i>家用电器</a></li>
					<li><a href="#"><i class="bi bi-snapchat"></i>男装女装</a></li>
					<li><a href="#"><i class="bi bi-bag"></i>鞋靴箱包</a></li>
					<li><a href="#"><i class="bi bi-camera"></i>手机数码</a></li>
					<li><a href="#"><i class="bi bi-laptop"></i>电脑办公</a></li>
					<li><a href="#"><i class="bi bi-bag"></i>家居家纺</a></li>
					<li><a href="#"><i class="bi bi-clipboard-minus"></i>个人化妆</a></li>
				</ul>
				<div class="navBox2-right"><img src="../imgs/03-knscl.png" alt=""></div>
			</div>
		</section>
		<section class="nav2">
			<div class="nav2-center"><img src="../imgs/03-crazy-icon.png" alt="">
				<div>疯狂团购</div>
			</div>
		</section>
		<section class="nav3">
			<div class="nav3-center">
				<div>疯狂团购</div>
				<div class="nav3-qbtg">全部团购</div>
			</div>
		</section>

		<!-- 底部 -->
		<div id="cbox">
			<div class="ctop">
				<ul id="ctopul">
					<li class="ctopli"><i class="i1"></i><span>七天包换</span></li>
					<li class="ctopli"><i class="i2"></i><span>正品保障</span></li>
					<li class="ctopli"><i class="i3"></i><span>好评如潮</span></li>
					<li class="ctopli"><i class="i4"></i><span>闪电发货</span></li>
					<li class="ctopli"><i class="i5"></i><span>权威荣誉</span></li>
					<li class="ctopli"><i class="i6"></i><span>4001-021-221</span></li>
					<li class="ctopli"><i class="i7"></i><span>咨询客服</span></li>
				</ul>
			</div>
			<div class="cbnt">
				<div class="cbtop">
					<ul>
						<li>新手上路</li>
						<li><a href="#">售后流程</a></li>
						<li><a href="#">购物流程</a></li>
						<li><a href="#">订阅方式</a></li>
					</ul>
					<ul>
						<li>配送与支付</li>
						<li><a href="#">货到付款区域</a></li>
						<li><a href="#">配送支付智能查询</a></li>
						<li><a href="#">支付方式说明</a></li>
					</ul>
					<ul>
						<li>服务保证</li>
						<li><a href="#">退换货原则</a></li>
						<li><a href="#">售后服务保证</a></li>
						<li><a href="#">产品质量保证</a></li>
					</ul>
					<ul>
						<li>联系我们</li>
						<li><a href="#">网站故障报告</a></li>
						<li><a href="#">选机咨询</a></li>
						<li><a href="#">投诉与建议</a></li>
					</ul>
					<ul>
						<li>会员中心</li>
						<li><a href="#">资金管理</a></li>
						<li><a href="#">我的收藏</a></li>
						<li><a href="#">我的订单</a></li>
					</ul>
					<img src="../imgs/01_comm_font1.jpg" style="width: 100px;" height="100px" alt="">
					<img src="../imgs/01_comm_font2.jpg" alt="">
				</div>
				<div class="cnbnt">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">隐私保护</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">免责条款</a></li>
						<li><a href="#">公司简介</a></li>
						<li><a href="#">商家入驻</a></li>
						<li><a href="#">供应商入住</a></li>
						<li><a href="#">意见反馈</a></li>
					</ul>
					<ul>
						<li><a href="#">b2b2c</a></li>
						<li><a href="#">多用户商城系统</a></li>
						<li><a href="#">商城系统</a></li>
						<li><a href="#">ecjia新零售</a></li>

					</ul>
					<p>ICP备案证书号:沪ICP备14029880号-5</p>
					<p>版权所有 &copy; G2005-2021大商创，并保留所有权利。POWERED BY DSCMALL</p>
				</div>
			</div>
		</div>



		<!-- 崔江涛添加侧边栏开始 -->

		<!-- 侧边栏开始 -->
		<div class="screen-side">
			<div class="screen-side-lay">
				<div class="screen-side-con ">
					<div class="side-con-top">
						<ul>
							<li>
								<a href="page/login.html" class="setting_hover">
									<i class="setting"></i>
								</a>
								<div class="setting-con">
									<div class="avatar_box">
										<p class="avatar_imgbox">
											<img src="../img/01_user.png" width="100" height="100">
										</p>
										<ul class="user_info">
											<li>用户名：暂无</li>
											<li>级 别：暂无</li>
										</ul>
									</div>
									<div class="login_btnbox">
										<a href="page/login.html" class="login_order">我的订单</a>
										<a href="page/login.html" class="login_favorite">我的收藏</a>
									</div>
									<i class="icon_arrow_white"></i>
								</div>
							</li>
							<li id="shop_cart">
								<a href="#" class="cart_list">
									<i class="message"></i>
									<div class="span">购物车</div>
									<span class="cart_num">0</span>
								</a>
							</li>
							<li>
								<a href="page/login.html" class="dingdan_hover">
									<i class="dingdan"></i>
									<div class="mp_tooltip" style="left: -121px;visibility: hidden;">
										<font id="mpbtn_money" style="font-size:12px; cursor:pointer;">我的订单</font>
										<i class="icon_arrow_right_black"></i>
									</div>
								</a>
							</li>
							<li>
								<a href="page/login.html" class="yhq_hover">
									<i class="yhq"></i>
									<div class="mp_tooltip" style="left: -121px;visibility: hidden;">
										<font id="mpbtn_money" style="font-size:12px; cursor:pointer;">优惠券</font>
										<i class="icon_arrow_right_black"></i>
									</div>
								</a>
							</li>
							<li>
								<a href="page/login.html" class="zichan_hover">
									<i class="zichan"></i>
									<div class="mp_tooltip" style="left: -121px;visibility: hidden;">
										<font id="mpbtn_money" style="font-size:12px; cursor:pointer;">我的资产</font>
										<i class="icon_arrow_right_black"></i>
									</div>
								</a>
							</li>
							<li>
								<a href="page/login.html" class="zhuji_hover">
									<i class="zhuji"></i>
									<div class="mp_tooltip" style="left: -121px;visibility: hidden;">
										<font id="mpbtn_money" style="font-size:12px; cursor:pointer;">我的足迹</font>
										<i class="icon_arrow_right_black"></i>
									</div>
								</a>
							</li>
							<li>
								<a href="page/login.html" class="collect_hover">
									<i class="collect"></i>
									<div class="mp_tooltip" style="left: -121px;visibility: hidden;">
										<font id="mpbtn_money" style="font-size:12px; cursor:pointer;">我的收藏</font>
										<i class="icon_arrow_right_black"></i>
									</div>
								</a>
							</li>
							<li>
								<a href="####" class="email_hover">
									<i class="email"></i>
									<div class="mp_tooltip" style="left: -121px;visibility: hidden;">
										<font id="mpbtn_money" style="font-size:12px; cursor:pointer;">邮箱订阅</font>
										<i class="icon_arrow_right_black"></i>
									</div>
								</a>
							</li>
						</ul>
					</div>
					<div class="side-con-bottom">
						<ul>
							<li>
								<a href="####" class="kf_hover">
									<i class="kf"></i>
									<div class="mp_tooltip" style="left: -121px;visibility: hidden;">
										<font id="mpbtn_money" style="font-size:12px; cursor:pointer;">客服中心</font>
										<i class="icon_arrow_right_black"></i>
									</div>
								</a>
							</li>
							<li class="return_top_hover">
								<a href="####" class="return_top_sport">
									<i class="return_top"></i>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="screen-side-car">
					<div class="side-car-title">
						<p>购物车</p>
						<a href="####"><i class="close"></i></a>
					</div>
					<div class="side-car-con">
						<div class="ecs-tbar-tipbox2">
							<div class="tip-inner">
								<b class="b-face-fd"></b>
								<div class="tip-text">购物车空空的，赶快去挑选心仪的商品吧~<br><a href="index.html">去首页看看</a></div>
							</div>
						</div>
					</div>
					<div class="side-car-com">
						<p>共<span>0</span>件商品</p>
						<div class="com_price">￥<b>0.00</b></div>
						<a href="####">
							<div class="to_shopCart">去购物车结算</div>
						</a>
					</div>
				</div>
			</div>
		</div>


		<!-- 侧边栏添加结束 -->



		<script src="../js/jQuery3.6.0.js"></script>
		<script src="../js/storeJson.js"></script>
		<script src="../js/store.js"></script>
		<script src="../js/iconfont.js"></script>
		<script type="text/javascript">
			$('.screen-side-con li>a').hover(function() {
				$(this).addClass('current');
				$(this).find('.cart_num').addClass('color_change');
				$(this).find('.mp_tooltip').css({
					'visibility': 'visible'
				}).stop().animate({
					left: -92
				}, 300);
			}, function() {
				$(this).removeClass('current');
				$(this).find('.cart_num').removeClass('color_change');
				$(this).find('.mp_tooltip').css({
					'visibility': 'hidden'
				}).stop().animate({
					left: -121
				}, 100)
			})
			$('.cart_list').click(function() {
				$('.screen-side-lay').toggleClass('show');
				if (!$(this).find('.cart_num').attr('style')) {
					$(this).find('.cart_num').css({
						'background': '#fff',
						'color': '#f42424'
					})
				} else {
					$(this).find('.cart_num').attr('style', '');
				}
				if ($(this).attr('style')) {
					$(this).attr('style', '');
				} else {
					$(this).css('background', '#f42424');
				}
			})
			$('.setting_hover').hover(function() {
				$('.setting-con').css('display', 'block');
			}, function() {
				$('.setting-con').css('display', 'none');
			})
			$('.setting-con').hover(function() {
				$(this).css('display', 'block');
			}, function() {
				$(this).css('display', 'none');
			})
			$('.login_btnbox').find('a').hover(function() {
				$(this).css('border', '1px solid #f00');
			}, function() {
				$(this).css('border', '1px solid transparent');
			})
			$(document).ready(function() {
				$(window).scroll(function() {
					if ($(window).scrollTop() > 0) {
						$('.return_top_hover').css('display', 'block');
					} else {
						$('.return_top_hover').css('display', 'none');
					}
				})
				$(".return_top_sport").click(function() {
					$('body,html').animate({
							scrollTop: 0
						},
						500);
					$('.return_top_hover').css('display', 'none');
					return false;
				});
				if (Number($('.cart_list').find('.cart_num').text()) != 0) {
					$('.ecs-tbar-tipbox2').css('display', 'none');
				} else {
					$('.ecs-tbar-tipbox2').css('display', 'block');
				}
			})
			$('.side-car-title').find('.close').click(function() {
				$('.screen-side-lay').toggleClass('show');
				if (!$('.cart_list').find('.cart_num').attr('style')) {
					$('.cart_list').find('.cart_num').css({
						'background': '#fff',
						'color': '#f42424'
					})
				} else {
					$('.cart_list').find('.cart_num').attr('style', '');
				}
				if ($('.cart_list').attr('style')) {
					$('.cart_list').attr('style', '');
				} else {
					$('.cart_list').css('background', '#f42424');
				}
			})
			$('.email_hover').click(function() {
				$('.email_box').toggleClass('email_box_show');
			})
		</script>
	</body>
</html>
